<template>
<div class='main'>
    <div class='head'>
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{path:'/'}">系统设置</el-breadcrumb-item>
          <el-breadcrumb-item :to="{path:'/'}">设备管理</el-breadcrumb-item>
          <el-breadcrumb-item :to="{path:'/'}">传感设备</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class='content'>
        <div class='title'>传感设备信息</div>
       <el-form ref="form" :model="form" label-width="160px" style='width:80%;margin:auto;'>
           <el-row>
               <el-col :span='12'>
                  <el-form-item label="网关选择">
            <el-select v-model="form.roleName"></el-select>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="参数类型">
            <el-select v-model="form.roleName"></el-select>
          </el-form-item> 
               </el-col>
           </el-row>
           <el-row>
               <el-col :span='12'>
                  <el-form-item label="传感器类型">
            <el-select v-model="form.roleName"></el-select>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="最大量程">
            <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
            <el-row>
               <el-col :span='12'>
                  <el-form-item label="传感器名称">
            <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="最小量程">
            <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
             <el-row>
               <el-col :span='12'>
                  <el-form-item label="传感器单位">
            <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="最大电流/压">
            <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
             <el-row>
               <el-col :span='12'>
                  <el-form-item label="采集器编号">
             <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="最小电流/压">
              <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
            <el-row>
               <el-col :span='12'>
                  <el-form-item label="通道号">
             <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="纠偏值">
              <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
            <el-row>
               <el-col :span='12'>
                  <el-form-item label="备注">
             <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
                 <el-col :span='12'>
                  <el-form-item label="排序">
              <el-input v-model="form.roleName"></el-input>
          </el-form-item> 
               </el-col>
           </el-row>
            <el-row>
               <el-col :span='24'>
                  <el-form-item>
           <el-button @click="onSubmit" type='primary'>确定</el-button>
           <el-button @click='onCancel'>取消</el-button>
          </el-form-item> 
               </el-col>
           </el-row>
        </el-form>
    </div>
</div>
</template>
<script>
  export default {
    name: 'sensorInfo',
    data() {
      return {
        form: {
          name: ''
        },
      }
    },
   beforeRouteEnter (to, from, next) {
      next(vm =>{
      })
   },   
    methods: {
      onSubmit() {
        console.log(this.form);
      },
      onCancel() {
        this.$router.go(-1)
    }
    }
    
  }
</script>
<style lang="scss">
.main{
padding: 10px 20px;
}
.title{
    font-size: 20px;
    font-weight: 600;
    margin: 10px;
}
</style>